/* media css Document */
@media screen and (max-width:823px) {
    .ibody { background: url(../images/ms8.png) top right no-repeat #FFF; width: 90%; margin: auto; box-shadow: 0px 2px 5px #666; }
    article { float: none; width: 100% }
    article { background: #fff }
    header { background: url(../images/ms8.png) top right no-repeat #FFF; }
    aside, .dateview { display: none }
    nav { padding-left: 0; text-align: center }
    nav a { padding: 0 5px; }
    .banner { background-size: auto; height: 130px; font-size: 12px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; }
    .texts { line-height: 36px; padding: 20px 0 0 10px; text-shadow: 1px 1px rgba(255,255,255,0.3); }
    .blogs::after { background: none }
    .autor span { margin: 0 5px; }
    .blogs figure { width: 35%; }
    .blogs ul { width: 62%; }
    }
    @media screen and (max-width:598px) {
    .ibody { background: url(../images/ms8.png) top right no-repeat #FFF; width: 90%; margin: auto; box-shadow: 0px 2px 5px #666; }
    article { float: none; width: 100% }
    article { background: #fff }
    header { background: url(../images/ms8.png) top right no-repeat #FFF; }
    aside, header h1, header h2, .dateview { display: none }
    nav { height: auto; line-height: 40px; text-align: center; background: #FFF; padding-left: 0px }
    nav a { display: block; background: #323232; clear: both; margin-bottom: 2px }
    .logo { position: static; margin: 0 auto 10px }
    .banner { background-size: auto; height: 130px; font-size: 12px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; }
    .texts { line-height: 36px; padding: 20px 0 0 10px; text-shadow: 1px 1px rgba(255,255,255,0.3); }
    .blogs::after { background: none }
    .autor span { margin: 0 5px; }
    .blogs figure { width: 35%; }
    .blogs ul { width: 62%; }
    }
    @media screen and (max-width:480px) {
    .ibody { width: 90%; margin: auto; box-shadow: 0px 2px 5px #666; }
    article { float: none; width: 100% }
    article { background: #fff }
    header { background: url(../images/ms8.png) top right no-repeat #FFF; }
    aside, header h1, header h2, .dateview, .banner, .bloglist h2, .blogs figure img, .newblog figure img, .newblog .autor { display: none }
    nav { height: auto; line-height: 40px; text-align: center; background: #FFF; padding-left: 0px }
    nav a { display: block; background: #323232; clear: both; margin-bottom: 2px }
    .logo { position: static; margin: 0 auto 10px }
    .texts { line-height: 36px; padding: 20px 0 0 10px; text-shadow: 1px 1px rgba(255,255,255,0.3); }
    .blogs::after, .newblog::after { background: none }
    .autor span { margin: 0; }
    .blogs figure { width: 100%; float: none; }
    .blogs ul, .newblog ul { width: 100%; float: none; }
    .blogs { margin: 0 10px 10px 10px; }
    }
    